<template>
	<view class="card-container">
		<card-style0 />
		<card-style1 />
		<cardStyle2 />
		<cardStyle3 />
		<cardStyle4 />
		<cardStyle5 type="manage" />
		<cardStyle5 type="picker" />
		<cardStyle6 />
		<cardStyle7 />
	</view>
</template>

<script>
	import cardStyle0 from './components/cardStyle0/cardStyle0.vue';
	import cardStyle1 from './components/cardStyle1/cardStyle1.vue';
	import cardStyle2 from './components/cardStyle2/cardStyle2.vue';
	import cardStyle3 from './components/cardStyle3/cardStyle3.vue';
	import cardStyle4 from './components/cardStyle4/cardStyle4.vue';
	import cardStyle5 from './components/cardStyle5/cardStyle5.vue';
	import cardStyle6 from './components/cardStyle6/cardStyle6.vue';
	import cardStyle7 from './components/cardStyle7/cardStyle7.vue';
	export default {
		components: {
			cardStyle0,
			cardStyle1,
			cardStyle2,
			cardStyle3,
			cardStyle4,
			cardStyle5,
			cardStyle6,
			cardStyle7
		},
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>
<style>
	page{
		width: 100%;
		min-height: 100%;
	}
</style>
<style lang="scss" scoped>
.card-container{
	width: 100%;
	min-height: 100%;
	box-sizing: border-box;
	padding: 32rpx;
	background-color: #ECECEC;
}
</style>
